/*
Theme Name: ccr alive v1
Theme URI: http://purposemakers.net 
Description: ccr alive v1
Author: Michael McCrea
Version: 1.0
*/


/*-----------------------------------------------------------------------------------------------
  Reset and Global Styles
-----------------------------------------------------------------------------------------------*/

* {
  margin:0;
  padding:0;  
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
}

blockquote, q {
  quotes:none
}

blockquote:before, blockquote:after, q:before, q:after {
  content:'';
}

:focus {
  outline:0
}

ins {
  text-decoration:none
}

del {
  text-decoration:line-through
}

table {
  border-collapse:collapse;
  border-spacing:0
}

h1, h2, h3, h4, h5, h6, p { margin:0 0 1em 0; }


.hidden { display:none; }
.left, .alignleft{float:left; }
.right, .alignright{float:right; }
img.alignleft{ padding:0 10px 10px 0 }
img.alignright{ padding:0 0 10px 10px }
.center{ text-align:center; }
.t_left{ text-align:left; }
.t_right{ text-align:right; }
.clear{ clear:both; }
.clear_right{clear:right;}
.clear_left{clear:left;}
a img{ border:none; }
.no-padding {padding:0 !important }



/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
  color:#333;
  font: 13px/1.4 "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
  background:#fff;  
}

/* This class sets the width and position for all rows */
.inside {
  width:960px;
  margin:0 auto;
  padding:0;  
}

a {
  color:#ca0114;
  text-decoration:none;
  font-weight:bold;
}

a:hover { 
  color:#666;
}

h1, h2, h3, h4{
  font-size:21px;
  color:#666;
  font-weight:bold;
  padding-top: 10px;
  margin:0 0 10px 0;  
}

h2 {

}


h3 {
  color:#ca0114;
  margin-bottom:3px;
}

h4{
  font-size:15px;
  font-weight:bold;
  color:#333;
  margin-bottom:3px;
}

p{
  line-height:1.75em;
}

ul, ol {
  margin:0 20px;
}

ul li{
  list-style-type:square;
  margin:5px 0 5px 25px;
}

ol li{
  margin:5px 0 5px 25px;
}

blockquote{
  padding:1px 12px 1px 1em;
  border-left:2px solid #ca0114;
  color:#bbb;
  background-color:#333;
  font-size:1.1em
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/

#header { 
  background:#940024 url(img/header_bg_01.jpg) top left repeat-x;
  height:100px;
}

#header h1 { 
  margin:25px 0 0 15px;
  padding:0;
  float:left;
}

#header h2 { 
  float:right;
  margin:15px 15px 0 0;
  padding:0;
}

#header h1 a, #header h2 a { 
  text-decoration:none; 
  display:block;
  width:223px;
  height:46px;
  border:0;
  text-indent:-10000px;
  background: transparent url(img/ccr_alive_logo_01.png) no-repeat left top;
}

#header h2 a { 
  width:140px;
  height:70px;
  background: transparent url(img/ccght_logo_01.png) no-repeat left top;
}

#top_nav {
  text-align:center;
}

ul#top_nav {
  border:0;
  padding:0;
  margin:15px 0 0 0;
  float:left;
}

ul#top_nav li{
  float: left; 
  list-style-type: none;
  margin:0;
  padding:0;
}

ul#top_nav li a {
  margin: 10px 0 0 50px;
  padding:5px 20px 5px 10px;    
  float: left;
  display: block;
  color:#fff; 
  font-size:15px;
  text-decoration: none;
  background: transparent url(img/arrow_01.png) no-repeat right center;
}

ul#top_nav li a:hover{
  color:#fff;
}

/*-----------------------------------------------------------------------------------------------
  Map
-----------------------------------------------------------------------------------------------*/

#map_canvas {
  height:360px;
}

/*-----------------------------------------------------------------------------------------------
  Location Navigation
-----------------------------------------------------------------------------------------------*/

#location_nav {
  background: #e9e9e9 url(img/location_nav_bg_01.png) top left repeat-x;
  height:100px;
  overflow:hidden;
  position:relative;
}

#location_nav ul {
  border:0;
  padding:0;
  height:30px;
  margin:0;
  float:left;
  clear:both;
}

#location_nav ul li{
  float: left;
  list-style-type: none;
  margin:0;
  padding:8px 0;
  width:320px
}

#location_nav ul li a {
  float: left;
  display: block;
  margin: 0 22px 0 0;
  padding:5px;
  font-size:10px;
  text-decoration: none;
  color:#666666;
}

#location_nav ul li:last-child a {

}

#location_nav ul li a:hover, #location_nav ul li.current_page_item a, #location_nav ul li.current-page-ancestor a {
  color:#000;
  background-color:#fff;
}

#location_nav ul li img {
  float: left;
  clear:left;
}

#location_nav ul li p {
  float: left;
  width:215px;
  margin:-3px 0 0 10px;
  line-height: 1.5em;
  font-weight:normal;
  color:#333;
}

span.location_title {
  float:left;
  padding:0 0 10px 0;
}

span.location_id {
  background-color:#ca0114;
  padding:2px 5px;
  color:#fff;
  margin:0 10px 0 0;
}

span.location_more_link {
  color:#ca0114;
  float:right;
  clear:left;
  font-weight:bold;   
}

#left_arrow, #right_arrow {
  cursor:pointer;
  position:absolute;
}

#left_arrow {
  top:3px;
  left:5px;
}

#right_arrow {
  top:3px;
  right:5px;
}


#location_nav_container {
  float:left;
}

#scroller_nav {
  position:relative;
  background-color:#ccc;
  height:30px;
}

/*-----------------------------------------------------------------------------------------------
  Content  
-----------------------------------------------------------------------------------------------*/

#content {
  margin:20px 0 0 0;
  float:left;
}

.post {
  margin:0 0 30px 0;
}

#breadcrumb {
  background-color:#ddd;
  color:#666;
  padding:4px 20px;
  font-size:11px;
  font-weight:bold;
}

p.small_address {
  margin:-10px 0 10px 0;
  padding:0;
  font-size:11px;
  color:#ccc;
  font-weight:bold;
}

.main_content {
  width:640px;
  float:left;
  margin:0;  
}

.right_sidebar {
  width:300px;
  float:left;
  margin:0 0 0 20px;
}

.right_sidebar h2 {
  color:#ccc;
  font-size:15px;
  margin:0;
  padding:0;
}

/*-----------------------------------------------------------------------------------------------
  columns - see /wp-content/themes/ccr_alive_v1/functions.php for build script 
-----------------------------------------------------------------------------------------------*/

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */

}
/* 3 Column settings */
.threecol {
}
.threecol .colmid {
	right:25%;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}

.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/*-----------------------------------------------------------------------------------------------
  Sidebar 
-----------------------------------------------------------------------------------------------*/

#sidebar {
  margin:30px 0 0 0;
  width:310px;
  float:right;
}

#sidebar h3 {
  margin:0;
  padding:0 0 0 10px;
}

#sidebar ul {
  list-style-type:none;
  margin:10px 10px 0 0;
}

#sidebar ul li {
  list-style-type:none;
  margin:0;
}

#sidebar ul li span {
  color:#d0d0d0;
}

#sidebar ul li a {
	color: #003b79;
  padding:10px;
  border-bottom:1px solid #d0d0d0;
  display:block;	
}

#sidebar ul li a:hover {
  color: #666;
	background:#eeeeee;
}

/*-----------------------------------------------------------------------------------------------
  Footer 
-----------------------------------------------------------------------------------------------*/

#footer {
  background-color:#666;
  border-top:2px solid #eee;
  margin:30px 0 0 0;
  font-size:10px;
}

#footer .inside {
  padding:10px 0;
  font-weight:bold;
  color:#333;
}

#footer a {
  color:#fff;
}

.ccght_logo {
  float:right;
  background:url(img/ccght_logo_01.png) no-repeat top left;
  width:140px;
  height:70px;
  display:block;
  border:0;
  text-indent:-10000px;
}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {

}
.sf-menu li li {

}
.sf-menu li li li {

}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	outline:		0;
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}